<link rel="stylesheet" type="text/css" href="<?php echo STATIC_URL.'backend/css/'?>buttons.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo STATIC_URL.'backend/css/'?>animate.css"/>
<script type="text/javascript" src="<?php echo STATIC_URL.'backend/js/'?>jquery.noty.packaged.min.js"></script>

 <script type="text/javascript">
    var ajax            = '<?php echo $info['count'];?>';
    var lastupdated     = '<?php echo $info['lastupdated'];?>';
    notification_html = '<div class="activity-item"> <i class="fa fa-tasks text-warning"></i> <div class="activity"> Có <a href="/auth/paymentDebts.html">'+ajax+' số điện thoại</a> vừa tự động cập nhập vào hệ thống lúc '+lastupdated+'</span> </div> </div>';
        function generate(type, text) {

            var n = noty({
                text        : text,
                type        : type,
                dismissQueue: false,
                layout      : 'topLeft',
                closeWith   : ['click'],
                theme       : 'relax',
                timeout     : 4000,
                maxVisible  : 4,
                animation   : {
                    open  : 'animated bounceInLeft',
                    close : 'animated bounceOutLeft',
                    easing: 'swing',
                    speed : 100
                }
            });
//            console.log('html: ' + n.options.id);
        }

        function generateAll() {
            generate('warning', notification_html);
        }

        $(document).ready(function () {
            $.noty.clearQueue();
//            console.log('box vang');
            generateAll();
        });

    </script>